<script setup name="OAPagination">
import { defineProps,ref,defineModel } from 'vue';

const props = defineProps({
    total:0,
    pageSize:10
})
const page = defineModel({required:true})

</script>

<template>
    <div class="pagination">
        <el-pagination  background layout="prev, pager, next" :total="props.total" 
        v-model:current-page="page" :page-size="props.pageSize"/>
    </div>
</template>

<style scoped>
.pagination {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    margin-right: 20px;
}
</style>